@use "theme/globals" as *;

:host {
    ion-checkbox {
        flex: none;
        width: 3rem;
    }

    ion-item.item.item-file {
        &.file-selected {
            --ion-item-background: var(--primary-tint);
        }

        --inner-border-width: 0 !important;
    }

    ion-ripple-effect {
        z-index: 1;
    }

    .item-heading ion-icon {
        @include margin-horizontal(8px, null);
        vertical-align: middle;
    }
}
